.nav {
   border-bottom: 1px solid #E0E0E0;
   .title {
       color: #4B1111;
   }
}
.status {
    display: flex;
    align-items: center;
     margin: 10px 0 15px 60px;
     font-size: 16px;
    .label {
        color: #4B1111;
        font-size: 16px;
        font-weight: bold;
        margin-right: 20px;
    }
    .value {
       color: #6FCF97; 
    }
    .rvalue {
        color: red;
    }
}
 .grid {
    border: 1px solid #E0E0E0;
    border-bottom: none;
    border-top: none;
    display: flex;
    align-items: center;
    margin:0 60px;
    .label {
        padding: 10px;
        color: #EB5757;
        flex: 1;
        border-right: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
    }
    .value {
        padding: 10px;
        color: #4B1111;
        border-right: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        flex: 3;
        &:last-child {
            border-right: none;  
        }
    }
    .label1 {
        padding: 10px;
        color: #EB5757;
        flex: 1;
        border: 1px solid #E0E0E0;
        border-left: none;
    }
    .value1 {
        padding: 10px;
        color: #4B1111;
        border: 1px solid #E0E0E0;
        border-left: none;
        flex: 3;
        &:last-child {
            border-right: none;  
        }
    }
  }

  .content {
      margin: 30px 60px;
      .title {
         color: #4B1111;
         font-size: 20px;
         font-weight: bold; 
         border-bottom: 1px solid #707070;
         padding-bottom: 15px;
         text-align: center;
      }
      .time {
          color: #4B1111;
          margin: 5px 0 20px 0;
          text-align: center;
      }
      .item {
          color: #4B1111;
          display: flex;
          flex-wrap: wrap;
          margin-bottom: 10px;
          .label {
              width: 80px;
          }
          .value {
              flex: 1;
          }
      }
  }

  .timeLine {
      margin: 60px 0 0 60px;
      .title {
          color: #4B1111;
          font-weight: bold;
          margin-bottom: 30px;
      }
      .info {
          color: #828282;
          margin: 10px 0;
      }
      .text {
          color: #828282;
          padding: 0 5px;
          font-weight: bold;
      }
      .time {
        color: #828282;
        padding: 0 8px;
        font-weight: 500;
      }
  }

  .reply {
      margin: 0 200px 0 60px;
      .textArea {
          border-radius: 8px;
          resize : none;
      }
      .subtn {
         float: right;
         margin-right: 10px;
         margin-top: -40px;
      }
  }

  .btns {
      margin: 20px 0 30px 300px;
      .complated {
          margin-left: 30px;
          background-color: #6FCF97;
          color: #fff;
          border: none;
          &:hover {
            background-color: #92c2a6;
            color: #fff;
            border: none;
          }
      }
  }
  .auditBox {
    padding: 0 10px;
    .item {
        display: flex;
        margin-bottom: 10px;
        .label {
            width: 120px;
        }
        .value {
            flex: 1
        }
    }
}
